body,html{
	height: 100%;
	min-height:100%;
	// font-size: 14rem /100rem;
}
.ios{
			background:url(../image/ios.png) no-repeat center;
		}
		.andriod {
			background:url(../image/andriod.png) no-repeat center;
		}
.load a{
	border:0 !important;
	&:first-child{
		margin-left:10px;
	}
}

.wrap{
	background-color: #222;
	color: #fff;
	min-height:100%;
	background: url(../image/login.png) no-repeat center center #e0e0e0;
	background-size: cover;
	.wrap-logo{
					padding-top:.42rem;
				}
	.load{
		a{display:inline-block;
			width:.46rem;
			height:.46rem;
		}
	}
	.login-form{
		width: 468rem /100rem;
		margin: 0rem /100rem auto;
		padding-top: 250rem /100rem;
	}
	.logo{
		height:82rem /100rem;
		width:252rem /100rem;
		margin:0 auto;
		background:url(../image/logo.png) no-repeat center center;
		background-size: cover;
	}
	.error{
		position:absolute;
		left:100%;
		top:0rem /100rem;
		line-height:60rem /100rem;
		color:red;
		padding-left:20rem /100rem;
		width:320rem /100rem;
		font-size: 18rem /100rem;
		
	}
	.reg-form{
		width: 468rem /100rem;
		margin: 0rem /100rem auto;
		padding-top: 170rem /100rem;
		h1{
			text-align: center;
			font-size:36rem / 100rem;
		}
		.form-group{
			margin-top:25rem /100rem;
		}
		.form-control{
			padding-left:20rem /100rem;
			height:54rem /100rem;
		}
		.error{
			line-height:54rem /100rem;
		}
	}
	.form-group{
		position:relative;
		margin-top: 38rem /100rem
	}
	.form-control{
		height:60rem /100rem;
		padding-left: 56rem /100rem;
		border-radius: 3rem /100rem;
		font-size:18rem /100rem;
		background-color:rgba(255,255,255,0.8);
		&:placeholder{
			color:#333;
		}
	}
	.btn-success{
		display: block;
		height:60rem /100rem;
		width:100%;
		background-color:#009944;
		font-size: 24rem /100rem;
		border:0;
	}
	.glyphicon{
		position:absolute;
		top: 18rem /100rem;
		left:20rem /100rem;
		font-size:22rem /100rem;
		color:#aaa;
	}
	
	a{
		color: #fff;
		padding:5rem /100rem;
	}
	&-reg{
		background-image: url(../image/reg.png)
	}
	&-info{
		background-image: url(../image/reg.png);
		.header{
			
			background-color:rgba(220,220,220,0.1);
			font-size:16rem /100rem;
			
			.confirme{
					font-size:18rem /100rem;
					padding-top:25rem /100rem;
				a{
					font-size:20rem /100rem;
					padding:8rem /100rem;
					border:1px solid #c99212;
					text-align: center
				}
				.progress{
					width:100%;
					margin-left: 16rem /100rem
				}
				.goal{
					color:rgb(0,204,102);
				}
			}
		}
		.list{
			padding-top:10rem /100rem;
			a{
				height:80rem /100rem;
				line-height:70rem /100rem;
				font-size:24rem /100rem;
				background-color:rgba(255,255,255,0.7);
				color:#333;
				max-width: 1000rem /100rem;
				min-width:300rem /100rem;
				padding-left: 30rem /100rem;
				margin-top:25rem /100rem;
			}
		} 
	}
	table{
		word-break: break-all;
	}
	h3{
		font-size:18px;
	}
	.valume{
		text-align:justify;
		text-align-last: justify;

		input,button{
			width:208rem /100rem;
			height:54rem /100rem;
			display:inline-block;
			
		}
		.btn{
			text-align:center;
			text-align-last: center;
			font-size:18rem /100rem;
		}
	}
}

.animated{animation-duration:0.3s;animation-fill-mode:both}
@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}
@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 960px) {html{font-size:14px;
		.wrap{
	background-color: #222;
	color: #fff;
	height:100%;
	min-width: 1000px;
	min-height: 1000px;
	background: url(../image/login.png) no-repeat center center;
	background-size: cover;
	.login-form{
		width: 468px;
		margin: 0px auto;
		padding-top: 250px;
	}
	.load{
		a{
			display:inline-block;
			width:46px;
			height:46px;
		}
		
	}
	.wrap-logo{
		padding-top:52px;
	}
	.logo{
		height:82px;
		width:252px;
		margin:0 auto;
		background:url(../image/logo.png) no-repeat center center;;
	}
	.error{
		position:absolute;
		left:100%;
		top:0px;
		line-height:60px;
		color:red;
		padding-left:20px;
		width:320px;
		font-size: 18px;
		
	}
	.reg-form{
		width: 468px;
		margin: 0px auto;
		padding-top: 170px;
		h1{
			text-align: center;
			font-size:36px;
		}
		.form-group{
			margin-top:25px;
		}
		.form-control{
			padding-left:20px;
			height:54px;
		}
		.error{
			line-height:54px;
		}
	}
	.form-group{
		position:relative;
		margin-top: 38px
	}
	.form-control{
		height:60px;
		padding-left: 56px;
		border-radius: 3px;
		font-size:18px;
		background-color:rgba(255,255,255,0.8);
		&:placeholder{
			color:#333;
		}
	}
	.btn-success{
		display: block;
		height:60px;
		width:100%;
		background-color:#009944;
		font-size: 24px;
		border:0;
	}
	.glyphicon{
		position:absolute;
		top: 18px;
		left:20px;
		font-size:22px;
		color:#aaa;
	}
	
	a{
		color: #fff;
		padding:5px;
	}
	&-reg{
		background-image: url(../image/reg.png)
	}
	&-info{
		background-image: url(../image/reg.png);
		.header{
			height:200px;
			background-color:rgba(220,220,220,0.1);
			font-size:16px;
			.info-left{
				padding-top:32px;	
			}
			.confirme{
					font-size:18px;
					padding-top:25px;
				a{
					font-size:20px;
					padding:8px;
					border:1px solid #c99212
				}
				.progress{
					width:100%;
					margin-left: 16px
				}
				.goal{
					color:rgb(0,204,102);
				}
			}
		}
		.list{
			padding-top:10px;
			a{
				height:80px;
				line-height:70px;
				font-size:24px;
				background-color:rgba(255,255,255,0.7);
				color:#333;
				max-width: 1000px;
				min-width:300px;
				padding-left: 30px;
				margin-top:25px;
			}
		} 
	}
	
	
	.valume{
		text-align:justify;
		text-align-last: justify;

		input,button{
			width:208px;
			height:54px;
			display:inline-block;
			
		}
		.btn{
			text-align:center;
			text-align-last: center;
			font-size:18px;
		}
	}
}



	}}
